import { PureComponent } from 'react';
import {
	Row,
	Col,
	Form,
	Input,
	Select,
	Modal,
	DatePicker,
	Button
} from 'antd';
import styles from './ProUserList.less';
const FormItem = Form.Item;
const { Option } = Select;
const { TextArea } = Input;

@Form.create()
class CheckModal extends PureComponent {

	constructor(props) {
	    super(props);
	    this.state = {

	    }
	}

	okHandle = () => {
		const { form,handleAddByNoCheck } = this.props;
		form.validateFields((err, fieldsValue) => {
			if (err) return;
			form.resetFields();
			handleAddByNoCheck(fieldsValue);
		});
	};

  render() {
  		const {
				modalVisibleByNoCheck,
				form,
				handleModalVisibleByNoCheck,
			} = this.props;
return (
    <Modal
width={600}
centered
destroyOnClose
title="审核不通过理由"
visible={modalVisibleByNoCheck}
onOk={this.okHandle}
onCancel={() => handleModalVisibleByNoCheck()}
>
<Form  layout="vertical">

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

        <Col  md={24} sm={24}>
	        <FormItem  label="">
	            {form.getFieldDecorator('check_des',{
	            	rules: [{ required: true, message: '审核不通过理由不能为空！',whitespace: true }],
	            })(<TextArea rows={4} style={{height: "260px"}}/>)}
	        </FormItem>
        </Col>

    </Row>

</Form>
</Modal>
);
  }

}

export default CheckModal;
